<template>
  <div class="layout">
    <Nuxt/>

  </div>
</template>
<script>

export default {
    mounted () {
     //阻止safari浏览器双击放大功能
     let lastTouchEnd = 0  //更新手指弹起的时间
    document.documentElement.addEventListener("touchstart", function (event) {
        //多根手指同时按下屏幕，禁止默认行为
        if (event.touches.length > 1) {
          event.preventDefault();
        }
      });
      document.documentElement.addEventListener("touchend", function (event) {
        let now = (new Date()).getTime();
        if (now - lastTouchEnd <= 300) {
         //当两次手指弹起的时间小于300毫秒，认为双击屏幕行为
          event.preventDefault();
        }else{ // 否则重新手指弹起的时间
          lastTouchEnd = now;
        }
      }, false);
      //阻止双指放大页面
      document.documentElement.addEventListener("gesturestart", function (event) {
        event.preventDefault();
      });
  },
};
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
}

/* 设置默认颜色为#000000 */
:root {
  --text-color: #000000;
}


html, body {
  min-height: 100vh;
  font-size: 62.5%;
  // font-family: eurofonc;
  font-weight: 400;
  word-break: break-word;
  overflow: hidden;
  overflow-y: auto;
  font-family: 'SF Pro Display', 'SF Pro Display-Medium', "Poppins", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

html {
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;

}

.layout {
  width: 100%;
  // display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

// 禁用样式
.disabled {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  pointer-events: none;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

</style>
